<% layout('/layouts/default.html', {title: '活动客户信息管理', libs: ['dataGrid']}){ %>
<div class="main-content">
	<div class="box box-main">
		<div class="box-header">
			<div class="box-title">
				<i class="fa fa-list-alt"></i> ${text('活动客户信息管理')}
			</div>
			<div class="box-tools pull-right">
				<a href="#" class="btn btn-default" id="btnSearch" title="${text('查询')}"><i class="fa fa-filter"></i> ${text('查询')}</a>
				<% if(hasPermi('wxrobot:customer:edit')){ %>
				<a href="${ctx}/wxrobot/customer/form" class="btn btn-default btnTool" title="${text('新增活动客户信息')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
				<% } %>
			</div>
		</div>
		<div class="box-body">
			<#form:form id="searchForm" model="${customer}" action="${ctx}/wxrobot/customer/listData" method="post" class="form-inline hide"
			data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
			<div class="form-group">
				<label class="control-label">${text('活动id')}：</label>
				<div class="control-inline">
					<#form:input path="activityId" maxlength="64" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('用户专属码')}：</label>
				<div class="control-inline">
					<#form:input path="selfCode" maxlength="20" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('微信用户名')}：</label>
				<div class="control-inline">
					<#form:input path="weixinUserName" maxlength="64" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('头像')}：</label>
				<div class="control-inline">
					<#form:input path="avatar" maxlength="255" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('昵称')}：</label>
				<div class="control-inline">
					<#form:input path="nickName" maxlength="200" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('邀请码')}：</label>
				<div class="control-inline">
					<#form:input path="invitationCode" maxlength="20" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('下级数量')}：</label>
				<div class="control-inline">
					<#form:input path="subNum" maxlength="11" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('是否机器人1-是|0-否')}：</label>
				<div class="control-inline">
					<#form:input path="robot" maxlength="4" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('状态')}：</label>
				<div class="control-inline width-120">
					<#form:select path="status" dictType="sys_search_status" blankOption="true" class="form-control"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label">${text('备注信息')}：</label>
				<div class="control-inline">
					<#form:input path="remarks" maxlength="500" class="form-control width-120"/>
				</div>
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
				<button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
			</div>
		</#form:form>
		<table id="dataGrid"></table>
		<div id="dataGridPage"></div>
	</div>
</div>
</div>
<% } %>
<script>
    // 初始化DataGrid对象
    $('#dataGrid').dataGrid({
        searchForm: $("#searchForm"),
        columnModel: [
            {header:'${text('活动id')}', name:'activityId', index:'a.activity_id', width:150, align:"left", frozen:true, formatter: function(val, obj, row, act){
                    return '<a href="${ctx}/wxrobot/customer/form?id='+row.id+'" class="btnList" data-title="${text('编辑活动客户信息')}">'+(val||row.id)+'</a>';
                }},
            {header:'${text('用户专属码')}', name:'selfCode', index:'a.self_code', width:150, align:"left"},
            {header:'${text('微信用户名')}', name:'weixinUserName', index:'a.weixin_user_name', width:150, align:"left"},
            {header:'${text('头像')}', name:'avatar', index:'a.avatar', width:150, align:"left"},
            {header:'${text('昵称')}', name:'nickName', index:'a.nick_name', width:150, align:"left"},
            {header:'${text('邀请码')}', name:'invitationCode', index:'a.invitation_code', width:150, align:"left"},
            {header:'${text('下级数量')}', name:'subNum', index:'a.sub_num', width:150, align:"center"},
            {header:'${text('是否机器人1-是|0-否')}', name:'robot', index:'a.robot', width:150, align:"center"},
            {header:'${text('创建时间')}', name:'createDate', index:'a.create_date', width:150, align:"center"},
            {header:'${text('状态')}', name:'status', index:'a.status', width:150, align:"center", formatter: function(val, obj, row, act){
                    return js.getDictLabel(${@DictUtils.getDictListJson('sys_search_status')}, val, '${text('未知')}', true);
                }},
            {header:'${text('备注信息')}', name:'remarks', index:'a.remarks', width:150, align:"left"},
            {header:'${text('操作')}', name:'actions', width:120, sortable:false, title:false, formatter: function(val, obj, row, act){
                    var actions = [];
                <% if(hasPermi('wxrobot:customer:edit')){ %>
                        actions.push('<a href="${ctx}/wxrobot/customer/form?id='+row.id+'" class="btnList" title="${text('编辑活动客户信息')}"><i class="fa fa-pencil"></i></a>&nbsp;');
                    <% } %>
                    return actions.join('');
                }}
        ],
        // 加载成功后执行事件
        ajaxSuccess: function(data){

        }
    });
</script>